<div class="layuimini-container layuimini-page-anim">
  <div class="layuimini-main">
    <table class="layui-hide" id="detailsTable" lay-filter="currentTableFilter"></table>
    <script type="text/html" id="detailsTableBar">
      <!--<a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="details">查看详情</a>
      <a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="details">开考设置</a>
      <a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="details">导入考生</a>-->
    </script>
  </div>
</div>

<script>
  var tableData = [
    {
      'id': 10000,
      name: '张明明',
      sex: '女',
      idCard: '52222112',
      phone: '185939439434',
      type: '安管人员',
      phone: '185939439434',
      danwei: '安徽理工大学',
      area: '田家庵区'
    },
    {
      'id': 10000,
      name: '张明明',
      sex: '女',
      idCard: '52222112',
      phone: '185939439434',
      type: '安管人员',
      phone: '185939439434',
      danwei: '安徽理工大学',
      area: '田家庵区'
    },
    {
      'id': 10000,
      name: '张明明',
      sex: '女',
      idCard: '52222112',
      phone: '185939439434',
      type: '安管人员',
      phone: '185939439434',
      danwei: '安徽理工大学',
      area: '田家庵区'
    },
    {
      'id': 10000,
      name: '张明明',
      sex: '女',
      idCard: '52222112',
      phone: '185939439434',
      type: '安管人员',
      phone: '185939439434',
      danwei: '安徽理工大学',
      area: '田家庵区'
    },
    {
      'id': 10000,
      name: '张明明',
      sex: '女',
      idCard: '52222112',
      phone: '185939439434',
      type: '安管人员',
      phone: '185939439434',
      danwei: '安徽理工大学',
      area: '田家庵区'
    },
    {
      'id': 10000,
      name: '张明明',
      sex: '女',
      idCard: '52222112',
      phone: '185939439434',
      type: '安管人员',
      phone: '185939439434',
      danwei: '安徽理工大学',
      area: '田家庵区'
    },
    {
      'id': 10000,
      name: '张明明',
      sex: '女',
      idCard: '52222112',
      phone: '185939439434',
      type: '安管人员',
      phone: '185939439434',
      danwei: '安徽理工大学',
      area: '田家庵区'
    },
  ]
  layui.use(['form', 'table', 'miniPage', 'element'], function () {
    var $ = layui.jquery,
      form = layui.form,
      table = layui.table,
      miniPage = layui.miniPage

    table.render({
      elem: '#detailsTable',
      // url: 'api/table.json',
      data: tableData,

      defaultToolbar: ['filter', 'exports', 'print'],
      cols: [[
        { field: 'id', title: '序号', sort: true },
        { field: 'name', title: '姓名' },
        { field: 'sex', title: '性别' },
        { field: 'idCard', title: '身份证号' },
        { field: 'phone', title: '联系电话' },
        { field: 'type', title: '报考类型' },
        { field: 'danwei', title: '所属单位' },
        { field: 'area', title: '所在地区' },
        { title: '操作', minWidth: 100, toolbar: '#detailsTableBar', align: 'center' }
      ]],

      page: false,
      skin: 'line'
    })
  })
</script>
